<template>
  <div class="g-tabs-top-fixed-content-padding-wrapper">
    <a-tabs :activeKey="currentActiveKey" @change="changeTabs" type="line" :forceRender="false" >
      <a-tab-pane :key="1" tab="所有用户" >
        <user></user>
      </a-tab-pane>
      <a-tab-pane :key="2" tab="机构部门">
        <organization ></organization>
      </a-tab-pane>
      <a-tab-pane :key="3" tab="职位管理">
        <position></position>
      </a-tab-pane>
      <a-tab-pane :key="4" tab="角色管理">
        <role></role>
      </a-tab-pane>
    </a-tabs>

  </div>
</template>

<script>
import user from '@/views/baseData/organizationFramework/user/index'
import organization from '@/views/baseData/organizationFramework/organization/index'
import role from '@/views/baseData/organizationFramework/role/index'
import position from '@/views/baseData/organizationFramework/position/index'

export default {
  components: {
    user,
    organization,
    role,
    position
  },
  data() {
    return {
      loading: true, //加载状态,
      currentActiveKey: 1,
    }
  },
  created() {

  },
  methods: {
    changeTabs(key) {
      this.currentActiveKey = key
    },
  }

}
</script>

<style lang="less" scoped>
.table-operator {
  margin-bottom: 18px;
}
button {
  margin-right: 8px;
  margin-bottom: 2px;
}
</style>